<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="utf-8" />
		<title>个人信息</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/mygrxx.css" />
	</head>
	<body>
		
		<!------------------------------Bott------------------------------>
		<div class="Bott">
			<div class="wrapper clearfix">
				
				<div class="you fl">
					<h2>个人信息</h2>
					<div class="gxin">
						<div class="tx"><a href="#"><img src="img/tx.png"/><p id="avatar">修改头像</p></a></div>
						<div class="xx">
							<h3 class="clearfix"><strong class="fl">基础资料</strong><a href="#" class="fr" id="edit1">编辑</a></h3>
							
							<div>生日：<span id="birth">请填写</span></div>
							<div>性别：<span id="sex">请填写</span></div>
							<div>电话：<span id="phone">请填写</span></div>
							<div>邮箱：<span id="email">请填写</span></div>
							<h3>账号信息</h3>
							<div><span class="fl">昵称：<span id="nickName">--您还没有设置昵称--</span></span><a href="#" class="fr" id="edit2">修改</a></div>
							<div>账号：<span id="userName">13312345@qq.com</span></div>
							<div>积分：<span id="integral">500</span></div>
							<div>会员等级：<span id="member">普通会员</span></div>
							<div>账号状态：<span id="states">未禁用</span></div>
							
						</div>
					</div>			
				</div>
			</div>
		</div>
		<!--遮罩-->
		<div class="mask"></div>
		<!--编辑弹框-->
		<div class="bj">
			<div class="clearfix"><a href="#" class="fr gb"><img src="img/icon4.png"/></a></div>
			<h3>编辑基础信息 </h3>
			<form action="#" method="get">
				
				<p><label>生日：</label><input id="birth"name="birth" type="text" placeholder="请填写"  /></p>
				<p>
					<label>性别：</label>
					<input id="sex1"name="sex" type="radio"  />男
					<input id="sex2"name="sex" type="radio"  />女
				</p>
				<p><label>电话：</label><input id="phone"name="phone" type="text"  placeholder="请填写" /></p>
				
				<p><label>邮箱：</label><input id="email"name="email" type="text"  placeholder="请填写" /></p>
				<div class="bc">
					<input id="savejc" name ="savejc" type="button" value="保存"  />
					<input id="canceljc" name="cancel" type="button" value="取消" />
				</div>
			</form>
		</div>
		<!--账号信息修改-->
		<div class="xg">
			<div class="clearfix"><a href="#" class="fr gb"><img src="img/icon4.png"/></a></div>
			<h3>设置昵称</h3>
			<form action="#" method="get">
				<p><label>昵称：</label><input type="text"  value="我我我" /></p>
				<div class="bc">
					<input id="savezh" name="savezh" type="button" value="保存" />
					<input id="cancelzh"name="cancelzh" type="button" value="取消" />
				</div>
			</form>
		</div>
		<!--修改头像-->
		<div class="avatar">
			<div class="clearfix"><a href="#" class="fr gb"><img src="img/icon4.png"/></a></div>
			<h3>修改头像</h3>
			<form action="#" method="get">
				<h4>请上传图片</h4>
				<input type="button" value="上传头像" />
				<p>jpg或png，大小不超过2M</p>
				<input type="submit" value="提交" />
			</form>
		</div>
		
		
		<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/user.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
